<html>
	<head>
		<title>Socialfurste</title>
		<link rel="stylesheet" type="text/css" href="/stylesheets/main.css"/>
		<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
		<script src="/js/jquery-ui-1.8.17.custom.min.js"></script>
		<script src="js/underscore.js"></script>
		<script src="js/backbone.js"></script>
		<script src="js/raphael.js"></script>
		<script src="js/mainPage.js"></script>
		<script src="js/models.js"></script>
	</head>
	<body>

		<div id="map">
	            <img style="position: relative; top: 100px; left: 200px;" src="images/karta-web.jpg"></img>
	            <div id="inTheCloud" style="position: absolute; top: 100px; left: 200px;"></div>
        </div>
        <div id="info">
            <div style="height: 100 px">
            </div>
            <div id="info_over">
            Maine
            </div>
            <div id="info_main">
            Placeholder
            </div>
            <div id="player_info">
            <div id="player_info_text">
            Info about the player
            </div>
            <canvas id="player_info_flag" width="160" height="100"></canvas>
            </div>
        </div>
        <div id="top">
            <div id="player_name">Ingen spelare aktiv</div>
            
            <ul class="topnav">  
			    <li><a href="#">Home</a></li>  
			    <li>  
			        <a href="#">Admin</a>  
			        <ul class="subnav">  
			            <li><a id="createplayer" href="#">Skapa spelare</a></li>  
			            <li><a href="#">Sub Nav Link</a></li>  
			        </ul>  
			    </li>  
			    <li><a href="{{logoutUrl}}">Logga ut</a></li>    
			</ul>  
        </div>
        
        <div id="newAdminPopup">
        Hej!
        Du är admin och har inte loggat in förrän nu.
        Du är nu tillagd som admin i spelet.
        </div>
        
	      <div id="player_selector">
	      Welcome to il Principe
	      <div id="playerdata">
	        <form method="post" action="/playerform" id="playerdataform">
	          <p class="choose_text">
	    	    Choose your name
	    	  </p>
	    	  <input id="name" name="name" />
	    	  <br>
	          <p class="choose_text">
	            Choose your flag
	          </p>
	          <canvas id="flag" width="160" height="100"></canvas>
	          <div id="selectors">
	          <ol id="select_color">
		        <li class="ui-widget-content ui-selected" style="background: #cc1100;"></li>
		        <li class="ui-widget-content" style="background: #22aa00;"></li>
		        <li class="ui-widget-content" style="background: #2211cc;"></li>
	          </ol>
	          <ol id="select_cross">
		        <li class="ui-widget-content ui-selected"><canvas id="cross1" width="40" height="25"></canvas></li>
		        <li class="ui-widget-content"><canvas id="cross2" width="40" height="25"></canvas></li>
		        <li class="ui-widget-content"><canvas id="cross3" width="40" height="25"></canvas></li>
	          </ol>
	        </div>
	
	        <input id="sub" type="submit" value="GO!" />
	      </form>
	    </div>
	  </div>
                
    </body>
	
	
</html>